$(function () {
    // 1. 获取到图片
  var angel = $('#angel')
  // 步骤1. 定义节流阀
  var timer = null
  // 2. 绑定 mousemove 事件
    $(document).on('mousemove', function (e) {
    // 步骤3：判断节流阀是否为空
    if (timer) { return }
    // 3. 设置图片的位置
    // 步骤2：开启延时器
    timer = setTimeout(function () {
      $(angel).css('top', e.pageY+5 + 'px').css('left', e.pageX+5 + 'px')
      console.log('ok')
      timer = null
    }, 16)

  })
    // 点击“去注册账号”的链接
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
        
   }) 
    let form = layui.form
    let layer = layui.layer
   form.verify({
    // 自定义了一个叫做 pwd 校验规则
       pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    repwd: function(val) {
      let pwd = $('.reg-box [name=password]').val()
      if (pwd !== val) {
        return '两次密码不一致！'
      }
    }
   })
    
  // 监听注册表单的提交事件
    $('#form_reg').on('submit', function(e) {
    // 1. 阻止默认的提交行为
    e.preventDefault()
    // 2. 发起Ajax的POST请求
    var data = {
      username: $('#form_reg [name=username]').val(),
      password: $('#form_reg [name=password]').val(),
      repassword: $('#form_reg [name=repassword]').val()
    }
    $.post('/api/reg', data, function(res) {
        if (res.code !== 0) {
        return layer.msg(res.message)
      }
      layer.msg('注册成功，请登录！')
      // 模拟人的点击行为
      $('#link_login').click()
    })
  })
  $('#form_login').submit(function(e) {
    e.preventDefault()
    $.ajax({
      url: '/api/login',
      method: 'POST',
      // 快速获取表单中的数据
      data: $(this).serialize(),
      success: function(res) {
        if (res.code !== 0) {
          return layer.msg('登录失败！')
        }
        layer.msg('登录成功！')
        // 将登录成功得到的 token 字符串，保存到 localStorage 中.
        localStorage.setItem('token', res.token)
        // 跳转到后台主页
        /* 添加请求头: Authorization:`bearer ${ res.token}`*/
        location.href = '/index.html'
      }
    })
  })
})